<!--
 * @Author: Lin Ming
 * @Date: 2021-02-23 11:39:04
 * @LastEditors: Lin Ming
 * @LastEditTime: 2021-02-25 23:44:22
 * @FilePath: \vue-zheye\src\App.vue
-->
<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <global-header />
      </el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import GlobalHeader from './components/GlobalHeader.vue'
export default defineComponent({
  name: 'App',
  components: {
    GlobalHeader
  },
  setup () {
    return {
    }
  }
})
</script>

<style>
  .el-header {
    color: #333;
  }
  .el-main {
    color: #333;
    width: 100%;
    height: calc(100vh - 60px);
    text-align: center;
    padding: 0 20px !important;
    box-sizing: border-box;
  }
</style>
